{% load staticfiles %}
<!DOCTYPE html>
<html>
<head>
    <title>智能管理平台</title>

    <!-- meta -->
    <meta charset="utf-8" />

    <!-- CSS -->
    <link href="{% static "css/semantic.min.css" %}" rel="stylesheet" type="text/css">
    <link href="{% static "css/semantic.css" %}" rel="stylesheet" type="text/css">
    {% block custom_css %} {% endblock custom_css %}

    <!-- JS -->
    <script
      src="https://code.jquery.com/jquery-3.1.1.min.js"
      integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8="
      crossorigin="anonymous"></script>
    <script src="{% static "js/semantic.min.js" %}"></script>
    <script src="{% static "js/semantic.js" %}"></script>
    <script src="{% static "js/echarts.min.js" %}"></script>
    {% block custom_js %} {% endblock custom_js %}
</head>

<body>
<!-- MENU -->
<div class="ui attached stackable inverted menu" style="background: #253954; padding: 6px;">
  <div class="item" style="padding: 0px 20px;"><i class="circular inverted teal large paw icon"></i>ITMP</div>
  <div class="ui container">
      <a class="item" href="/index"><i class="home icon"></i> Home</a>
      <a class="item" href="/cmdb/tables"><i class="grid layout icon"></i> 资 产</a>
      <a class="item" href="/cmdb/topchart"><i class="sitemap icon"></i> 拓 扑</a>
      <a class="item" href="#"><i class="desktop icon"></i> 主 机</a>
      <a class="item" href="#"><i class="file text icon"></i> 配 置</a>
      <a class="item" href="#"><i class="retweet icon"></i> 流 程</a>
      <a class="item" href="#"><i class="cubes icon"></i> 模 块</a>
      <a class="item" href="/repo"><i class="student icon"></i> 知识库</a>
      <div class="ui simple dropdown item">
          <i class="orange user icon"></i>用户中心
          <i class="dropdown icon"></i>
          <div class="menu">
              {% if user.is_authenticated %}
                  <a class="item" href="{% url 'logout' %}?next={{ request.path }}"><i class="orange user icon"></i>注销{{ user.username }}</a>
                  <a class="item" href="{% url 'password_change' %}?next={{ request.path }}"><i class="edit icon"></i>修改密码</a>
                  <a class="item" href="/admin"><i class="setting icon"></i>后台管理</a>
              {% else %}
                  <a class="item" href="{% url 'login' %}?next={{ request.path }}""><i class="user icon"></i>登陆</a>
                  <a class="item" href="{% url 'users:register' %}"><i class="add user icon"></i>注册</a>
              {% endif %}
          </div>
      </div>
            <!-- <div class="right item"><i class="orange user icon"></i>当前用户：{{ user.nickname }}</div> -->
  </div>
</div>

<!-- Content -->
<div class="ui celled grid" style="margin: 0px; height: 100%;">
    <div class="row">
<!--             <div class="two wide column" style="background: #152733; height: 100%;">
            <div class="ui small vertical inverted menu" style="background: #152733; width: auto;">
                {% block sidebar %} {% endblock sidebar %}
            </div>
        </div>

        <div class="fourteen wide column" style="overflow: auto; height: 94%;"> -->
            <!-- 搜索框 -->    
            <!-- <div class="ui mini compact menu" style="width: 100%; height: 60px;"> -->
                <!-- {% block searchbar %} {% endblock searchbar %} -->
            <!-- </div> -->

            {% block main %} {% endblock main %}

            <!-- 底部分页开始 -->
            <!-- <div class="ui compact menu" style="width: 100%; padding: 5px;"> -->
                <!-- {% block pagebar %} {% endblock pagebar %} -->
            <!-- </div> -->
            <!-- 底部分页结束 -->
        <!-- </div> -->

    </div>
</div>

{% block custom_script %} {% endblock custom_script %}
</body>
</html>